<div class="sam-graphic">
    <div class="ui grid">
        <div class="sixteen wide column">
            <table class="ui compact striped table">
                <colgroup>
                    <col style="">
                    <col style="width:10%;">
                    <col style="width:7%;">
                    <col style="width:10%;">
                </colgroup>
                <thead>
                    <tr>
                        <th colspan="4">
                            <div class="ui breadcrumb">
                                <a href="/#!/graphic" class="section">视觉稿</a>
                                <span ng-repeat="bread in breadcrumb">
                                    <div class="divider"> / </div>
                                    <a class="section" href="{{bread[0] | decode }}">{{bread[1] | decode}}</a>
                                </span>
                            </div>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="node in nodes | orderBy:['type', 'name']">
                        <td class="collapsing">
                            <div ng-if="node.type == 'Directory'">
                                <a href="/#!/graphic/{{node.down}}">
                                    <i class="folder icon"></i> {{node.name}}
                                </a>
                            </div>
                            <div ng-if="node.type == 'File'">
                                <a href="{{node.down}}" target="_blank">
                                    <i class="file image outline icon"></i> {{node.name}}
                                </a>
                            </div>
                        </td>
                        <td>
                            <div class="ui basic compact mini button" ng-click="ShowTooltip()" data-type="{{node.type}}" data-down="{{node.down}}">
                                Link
                            </div>
                        </td>
                        <td>
                            <div class="subsidiary" ng-if="node.type == 'File'">{{node.size}}</div>
                        </td>
                        <td class="right aligned collapsing subsidiary">
                            <span title="{{node.time}}">{{node.human_time}}</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="sixteen wide column" ng-if="readme">
            <div class="ui stacked segment">
                <div class="MD" ng-bind-html="readme"></div>
            </div>
        </div>

    </div>
</div>


<script type="text/ng-template" id="sam-dialog">
    <div class="column cardwrap">
        <div class="ui card">
            <div class="image">
                <qr text="link" size="260"></qr>
            </div>
            <div class="extra content">{{link}}</div>
        </div>
    </div>
</script>